/*Begin menu-left*/
*{margin:0px;padding:0px;font:12px Arial;}
div#wrapper
{
    width:100%
}
div#header
{
    background-color: #464646;
    background-image: -moz-linear-gradient(center bottom , #373737, #464646 5px);
    color: #CCCCCC;
    direction: ltr;
    font: 13px/28px sans-serif;
    height: 30px;
    left: 0;
    min-width: 600px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    float:left;
}
div#text-system
{
    width:400px;
    float:left;
    height:30px;
    line-height:30px;
    font-weight:bold;
    text-indent: 30px;
    color:white;
}
div#logined-viewsite
{
    float:right;
    width:500px;
    height:30px;
    text-align:right;
    margin-right:40px;
}
div#logined-viewsite a
{
    text-decoration: none;
    color:white;
    font-weight:bold;
} 
span.text-username
{
   line-height:30px;
   font-weight:bold; 
}
div#main
{
    width:100%;
    float:left;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C8D4E5;
    border-style: solid;
    border-width: 0px;
    height: 1%;
    margin: 28px 0px 0px;
}
div#left
{
    width: 160px;
    border-right: 1px solid #C8D4E5;
    float:left;
    min-height:800px;
    margin-top: -1px;
    text-align:center;
    background: #EAEFF4; 
}
h3.text-title-menu
{
    font-size:14px;
    font-weight:bold;
    color:#476DA4;
    text-transform: uppercase;
    height:40px;
    line-height:40px;
    margin-bottom:0px;
}
ul#menu
{
    margin-left:0px;
}
ul#menu li
{
    list-style-type:none;
    text-align:left;
}
ul.sub-menu
{
    float:left;
    width:160px;
    background: white;
}
ul.sub-menu li
{
   margin:0px;
   background: white;
   height:25px;
   line-height: 25px;
   background: url('../../images/admin/arrow.png') no-repeat left center;
   border-bottom:1px #333 double;
   background-position: 10px;
}
ul.sub-menu li a
{
    text-decoration: none;
    color:#333;
    font-weight:bold;
    margin-left: 30px;
}
span.title
{
    font-size:14px;
    text-indent: 15px;
    cursor:pointer;
    width:160px;
    float:left;
    height:35px;
    font-weight:bold;
    background: none repeat scroll 0 0 #EAF3FA;
    border-top: 1px solid #DFDFDF;
    color: #1C6280;
    cursor: pointer;
    line-height: 35px;
}


div#bottom
{
    width:99.9%;
    height:40px;
    text-align:center;
    color:#333;
    border-color: #C8D4E5;
    border-style: solid;
    border-width: 1px;
    float:left;
}
div#bottom a
{
    text-decoration: none;
    color:#333;
    font-weight:bold;
    line-height:40px;
}
div.copyright
{
    float:right;
    height:40px;
    line-height:40px;
}


div#right
{
    width:1180px;
    margin-left:163px;
    text-align:left;
}
/*Begin product*/
div.page-right
{
    width:1170px;
    float:left;
}
div.icon-page
{
    width:40px;
    float:left;
}
a.add-new 
{
    background: none repeat scroll 0 0 #F1F1F1;
    color:#21759B;
    text-decoration: none;
    padding:3px 8px;
    margin-top:10px;
    border-radius: 3px 3px 3px 3px;
}
h3.text-page
{
    color:#464646;
    font-size: 23px;
    line-height: 29px;
    padding: 9px 15px 4px 0;
    font-weight: normal;
    margin: 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
input.image-product
{
    width:40px !important;
}
/*End product*/


/*Toolbar*/
.span-button
{
    width:32px;
    float:left;
    margin:5px;
}
.icon-unpublish
{
    border:0px;
    display: block;
    float: right;
    height: 32px;
    margin: 0 auto;
    width: 32px;
    background: url("../../images/admin/icon-32-unpublish.png");
    cursor:pointer;
    margin:5px;
}
.icon-publish
{
   border:0px;
    display: block;
    float: right;
    height: 32px;
    margin: 0 auto;
    width: 32px;
    background: url("../../images/admin/icon-32-publish.png");
    cursor:pointer; 
}
/*End toolbar*/

/*Error formvalidation*/

div.error
{
    text-align:center;
    width:100%;
    float:left;
    color:red;
}

/* Main toolbars */

div.pagetitle 
{
    width:500px;
    float:left;
}
div.toolbar-list {
	float: right;
	text-align: right;
	padding: 0;
}

div.toolbar-list ul {
	margin: 0;
	padding: 0;
}

div.toolbar-list li {
	padding: 1px 1px 3px 4px;
	text-align: center;
	color: #666;
	height: 48px;
	list-style: none;
	float: left;
}

div.toolbar-list li.spacer {
	width: 10px;
}

div.toolbar-list li.divider {
	border-right: 1px solid #c7c7c7;
	width: 2px;
}

div.toolbar-list span {
	float: none;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	display: block;
}

div.toolbar-list a {
	display: block;
	float: left;
	white-space: nowrap;
	border: 1px solid #F4F4F4;
	padding: 1px 5px;
	cursor: pointer;
    text-decoration: none;
}

div.toolbar-list a:hover,
div.toolbar-list a:focus,
div.toolbar-list a:active {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}
div#toolbar-box div.m {
	padding: 5px 0 10px;
}

div#element-box div.m {
	padding: 10px;
}

div#element-box div.section-box {
	background: #f4f4f4;
}
/* -- TOOLBAR ICON STYLES ----------------------------- */
.icon-32-delete						{	background-image: url(../../images/back-end/toolbar/icon-32-delete.png);	}
.icon-32-cancel						{	background-image: url(../../images/back-end/toolbar/icon-32-cancel.png);	}
.icon-32-options					{	background-image: url(../images/toolbar/icon-32-config.png);	}
.icon-32-apply						{	background-image: url(../../images/back-end/toolbar/icon-32-apply.png);	}
.icon-32-back						{	background-image: url(../images/toolbar/icon-32-back.png);	}
.icon-32-export						{	background-image: url(../images/toolbar/icon-32-export.png);	}
.icon-32-forward					{	background-image: url(../images/toolbar/icon-32-forward.png);	}
.icon-32-save						{	background-image: url(../../images/back-end/toolbar/icon-32-save.png);	}
.icon-32-edit						{	background-image: url(../../images/admin/icon-32-edit.png);	}
.icon-32-copy						{	background-image: url(../images/toolbar/icon-32-copy.png);	}
.icon-32-move						{	background-image: url(../images/toolbar/icon-32-move.png);	}
.icon-32-new						{	background-image: url(../../images/admin/icon-32-new.png);	}
.icon-32-upload						{	background-image: url(../images/toolbar/icon-32-upload.png);	}
.icon-32-assign						{	background-image: url(../images/toolbar/icon-32-publish.png);	}
.icon-32-html						{	background-image: url(../images/toolbar/icon-32-html.png);	}
.icon-32-css						{	background-image: url(../images/toolbar/icon-32-css.png);	}
.icon-32-menus						{	background-image: url(../images/toolbar/icon-32-menu.png);	}
.icon-32-publish					{	background-image: url(../../images/admin/icon-32-publish.png);	}
.icon-32-unblock					{	background-image: url(../images/toolbar/icon-32-unblock.png);	}
.icon-32-unpublish					{	background-image: url(../../images/admin/icon-32-unpublish.png);	}
.icon-32-restore					{	background-image: url(../images/toolbar/icon-32-revert.png);	}
.icon-32-trash						{	background-image: url(../../images/admin/icon-32-trash.png);	}
.icon-32-archive					{	background-image: url(../images/toolbar/icon-32-archive.png);	}
.icon-32-unarchive					{	background-image: url(../images/toolbar/icon-32-unarchive.png);	}
.icon-32-preview					{	background-image: url(../images/toolbar/icon-32-preview.png);	}
.icon-32-default					{	background-image: url(../images/toolbar/icon-32-default.png);	}
.icon-32-refresh					{	background-image: url(../images/toolbar/icon-32-refresh.png);	}
.icon-32-save-new					{	background-image: url(../images/toolbar/icon-32-save-new.png);	}
.icon-32-save-copy					{	background-image: url(../images/toolbar/icon-32-save-copy.png);	}
.icon-32-error						{	background-image: url(../images/toolbar/icon-32-error.png);	}
.icon-32-new-style					{	background-image: url(../images/toolbar/icon-32-new-style.png);	}
.icon-32-delete-style				{	background-image: url(../images/toolbar/icon-32-delete-style.png);	}
.icon-32-purge						{	background-image: url(../images/toolbar/icon-32-purge.png);	}
.icon-32-remove						{	background-image: url(../images/toolbar/icon-32-remove.png);	}
.icon-32-featured					{	background-image: url(../../images/admin/icon-32-featured.png);	}
.icon-32-stats						{	background-image: url(../images/toolbar/icon-32-stats.png);	}
.icon-32-print						{	background-image: url(../images/toolbar/icon-32-print.png);	}
.toolbar-inactive					{	background-position: 0 32px;  }

/*-----------------------End task ------------------------*/


/*BEGIN DETAIL-CART*/

div.detail-cart
{
    width:800px;
    float:left;
}


/*END DETAIL-CART*/
/* BEGIN FRAME LOGIN*/
div#main-login
{
    margin:0px auto;
    width:980px;
    text-align:center;
}
div.frame-login
{
    width:590px;
    height:230px;
    border: 1px #306c10 solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    color:#075670;
    font-size:15px;
    margin:0px auto;
    margin-top:10%;
}
input.username
{
    width:230px;
    height:25px;
    border:1px #534949 solid;
}
input.bt-login-admin
{
    width:118px;
    height:46px;
    background:url('../../images/admin/bt-login-admin.png') no-repeat;
    border:0px;
    cursor:pointer;
}


/* END FRAME LOGIN*/
